<script setup lang="ts">
const props = defineProps({
  width: {
    type: [String, Number],
    default: 24,
  },
  color: {
    type: String,
    default: "#000",
  },
});
</script>
<template>
  <svg
    t="1747982275200"
    class="gb-svg-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="9635"
    :width="props.width"
    :height="props.width">
    <path
      d="M511.283 822.4c-167.724 0-304.162-136.438-304.162-304.162s136.46-304.162 304.162-304.162c167.702 0 304.163 136.439 304.163 304.162s-136.44 304.163-304.163 304.163z m0-564.872c-143.76 0-260.71 116.95-260.71 260.71s116.95 260.711 260.71 260.711S771.993 662 771.993 518.24s-116.95-260.711-260.71-260.711z"
      p-id="9636"></path>
    <path
      d="M512 695.674c-60.55 0-116.711-27.375-154.058-75.107-7.387-9.45-5.736-23.094 3.715-30.481 9.429-7.409 23.094-5.757 30.503 3.715 29.047 37.13 72.738 58.421 119.84 58.421 47.601 0 91.575-21.66 120.622-59.442 7.322-9.516 20.944-11.32 30.46-3.998 9.516 7.322 11.32 20.966 3.997 30.46-37.346 48.58-93.877 76.432-155.079 76.432zM414.233 520.411c-18.01 0-32.588-14.578-32.588-32.589V444.37c0-18.01 14.578-32.588 32.588-32.588s32.59 14.578 32.59 32.588v43.452c0 17.99-14.6 32.589-32.59 32.589zM609.767 520.411c-17.99 0-32.59-14.578-32.59-32.589V444.37c0-18.01 14.6-32.588 32.59-32.588s32.588 14.578 32.588 32.588v43.452c0 17.99-14.6 32.589-32.588 32.589z"
      p-id="9637"></path>
  </svg>
</template>

<style lang="scss" scoped>
.gb-svg-icon {
  --color: inherit;
  line-height: 1;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
</style>
